<template>
  <div>
    <div>computedHasSlotContent:{{ computedHasSlotContent }}</div>
    <div>methodHasSlotContent:{{ methodHasSlotContent() }}</div>
    <slot></slot>
  </div>
</template>
<script>
export default {
  computed: {
    computedHasSlotContent() {
      console.log('computed', this.$slots.default)
      return !!this.$slots.default
    }
  },
  methods: {
    methodHasSlotContent() {
      console.log('method', this.$slots.default)
      return !!this.$slots.default
    }
  },
}
</script>